<html>
<head>

    <!--                                           -->
    <!-- Any title is fine                         -->
    <!--                                           -->
    <title>Wrapper HTML for App</title>

    <link type="text/css" rel="stylesheet" href="Application.css">
    <link type="text/css" rel="stylesheet" href="css/sound-ready.css">
    <link type="text/css" rel="stylesheet" href="bootstrap/css/bootstrap.css">
    <!--<link type="text/css" rel="stylesheet" href="bootstrap/css/bootstrap-responsive.css">-->

    <!--                                            -->
    <!-- This script is required bootstrap stuff.   -->
    <!--                                            -->
    <!--<script src="https://www.google.com/jsapi"></script>-->
    <script type="text/javascript" language="javascript"
            src="Application/Application.nocache.js"></script>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

    <script src="bootstrap/js/bootstrap.js"></script>
    <script src="bootstrap/js/bootstrap-transition.js"></script>
    <script src="bootstrap/js/bootstrap-alert.js"></script>
    <script src="bootstrap/js/bootstrap-modal.js"></script>
    <script src="bootstrap/js/bootstrap-dropdown.js"></script>
    <script src="bootstrap/js/bootstrap-scrollspy.js"></script>
    <script src="bootstrap/js/bootstrap-tab.js"></script>
    <script src="bootstrap/js/bootstrap-tooltip.js"></script>
    <script src="bootstrap/js/bootstrap-popover.js"></script>
    <script src="bootstrap/js/bootstrap-button.js"></script>
    <script src="bootstrap/js/bootstrap-collapse.js"></script>
    <script src="bootstrap/js/bootstrap-carousel.js"></script>
    <script src="bootstrap/js/bootstrap-typeahead.js"></script>


    <script src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">

        google.load('search', '1');
        var imageSearch;

        function OnLoad() {
            // Create an Image Search instance.
            imageSearch = new google.search.ImageSearch();
            // Include the required Google branding
//            google.search.Search.getBranding('branding');
        }
        google.setOnLoadCallback(OnLoad);

        function _loadImages(keyword, callback) {
            imageSearch.setSearchCompleteCallback(this, callback, null);
            imageSearch.execute(keyword);
        }
    </script>
</head>

<!--                                           -->
<!-- The body can have arbitrary html, or      -->
<!-- you can leave the body empty if you want  -->
<!-- to create a completely dynamic ui         -->
<!--                                           -->
<body>

<table align="center">
    <tr>
        <td id="slot1"></td>
        <td id="slot2"></td>
    </tr>
</table>
</body>
</html>
